<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<title>Untitled Document</title>
   <script src="../browser/resources/jquery.js" type='text/javascript'></script>
   <script type='text/javascript'>
       $(function(){
				$('#innerdiv').click(function()
            {
              $('#scrolldiv').scrollTop(100);
              $('#scrolldiv').scrollLeft(100);
            })
       })
		</script>
	</head>
	<body>
		<h1>Scroll Test</h1>
      <div id="mainscrollingarea">
         <div id='scrolldiv' style='width:100px;height:200px;overflow-y:scroll;' tabindex='0'>
         <div id='innerdiv' style='width:500px; height:1000px;'><a id="scrollme" href='javascript://'>click to scroll</a></div> 
      </div>
		</body>
</html>